<%--<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>申请发票详情</title>
    <link rel="stylesheet" href="${rootPath}/static/plugins/swiper/swiper-3.4.2.min.css">
</head>
<body class="mui-fullscreen">
    <div id="app" class="mui-views">
        <div class="mui-view">
            <div class="mui-navbar">
            </div>
            <div class="mui-pages">
            </div>
        </div>
    </div>
    <div id="mainPage" class="mui-page">
        <header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
            <a class="mui-icon mui-icon-back qy-text-black" href="/customer/center.do"></a>
            <h1 class="mui-title qy-text-black qy-font-size-20px">申请发票详情</h1>
        </header>
        <div class="mui-content">
            <div class="mui-row qy-padding-left-12px qy-font-size-14px qy-text-gray9 qy-font-lineHeight-22px">发票通过邮寄到付方式派发于您</div>
            <div class="mui-row qy-bg-white qy-padding-vertical-8px qy-padding-horizontal-4px">
                <div class="mui-col-xs-3">
                    <img src="${rootPath}/static/imgs/CardImg.png" width="100%" height="72px" />
                </div>
                <div class="mui-col-xs-9 qy-padding-left-8">
                    <div class="qy-font-size-22px">豪华型体检套餐</div>
                    <div class="qy-text-red">
                        <span class="qy-font-size-12px">&yen;</span>
                        <span class="qy-font-size-18px">2013.23</span>
                    </div>
                    <div class="qy-flex qy-font-size-12px qy-text-label qy-flex-text-between">
                        <span>体检人：大鹏</span>
                        <span>2018-88-88 88:88:88</span>
                    </div>
                </div>
            </div>
            <div class="qy-bg-white qy-padding-vertical-12px qy-margin-top-8px">
                <a class="qy-block mui-row qy-border-bottom qy-padding-horizontal-10px qy-font-size-16px">
                    <div class="mui-col-xs-6 qy-text-black">发票金额</div>
                    <div class="mui-col-xs-6 qy-text-right qy-text-black">900元</div>
                </a>
            </div>
            <div class="qy-bg-white qy-padding-left-12px ">
                <a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-16px">
                    <div class="mui-col-xs-6 qy-text-black">选择发票</div>
                    <div class="mui-col-xs-6 qy-text-right">
                        <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
                    </div>
                </a>
            </div>
            <div class="mui-row qy-margin-top-30px">
                <div class="mui-col-xs-12 qy-padding-vertical-16px qy-padding-horizontal-30px">
                    <input type="button" value="确认绑定" class="qy-no-border mui-btn-block qy-padding-horizontal-12px qy-bg-blue qy-text-white qy-font-size-18px" />
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<script src="${rootPath}/static/plugins/swiper/swiper-3.4.2.jquery.min.js"></script>
<script src="${rootPath}/static/js/mui.view.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="${rootPath}static/js/ApplyInvoiceDetail.js"></script>--%>




<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@ include file="/include/head.jsp"%>
    <title>申请发票详情</title>
    <link rel="stylesheet" href="${rootPath}/static/plugins/swiper/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="${rootPath}/static/css/webwiew.css">
    <script src="${rootPath}/static/plugins/swiper/swiper-3.4.2.jquery.min.js"></script>
    <script src="${rootPath}/static/js/mui.view.js" type="text/javascript"></script>
    <script src="${rootPath}/static/js/addressChoose.js" type="text/javascript"></script>
    <script src="${rootPath}/static/js/orderCheck.js" type="text/javascript"></script>
</head>
<body  class="mui-fullscreen">
    <!--页面主结构开始-->
    <div id="app" class="mui-views">
        <div class="mui-view">
            <div class="mui-navbar">
            </div>
            <div class="mui-pages">
            </div>
        </div>
    </div>
    <!--页面主结构结束-->
    <!--单页面开始-->
    <div id="mainPage" class="mui-page">
        <!--页面标题栏开始-->
        <div class="mui-navbar-inner mui-bar mui-bar-nav qy-bg-white">
            <button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left qy-text-black">
                <a class="mui-icon mui-icon-left-nav" href="/customer/center.do"></a>
            </button>
            <h1 class="mui-center mui-title">申请发票详情</h1>
        </div>
        <!--页面标题栏结束-->
        <!--页面主内容区开始-->
        <div class="mui-page-content">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <div class="mui-row qy-padding-left-12px qy-font-size-14px qy-text-gray9 qy-font-lineHeight-22px">发票通过邮寄到付方式派发于您</div>
                    <a href="#account" class="qy-flex mui-block qy-flex-fullHeight qy-bg-white qy-margin-top-8px qy-text-black" v-for="ele in addressList" v-if="ele.isSelect">
                        <div class="mui-col-xs-1 qy-flex qy-flex-text-center">
                            <span class="mui-icon mui-icon-location qy-text-label"></span>
                        </div>
                        <div class="mui-col-xs-10 qy-padding-horizontal-8px">
                            <span class="qy-font-size-18px mui-block">{{ele.name}}  {{ele.phone}}</span>
                            <small class="qy-text-label">
                                {{ele.address}}
                            </small>
                        </div>
                        <div class="mui-col-xs-1 qy-flex qy-flex-text-center">
                            <span class="mui-icon mui-icon-arrowright qy-text-label"></span>
                        </div>
                    </a>
                    <a href="#account" class="qy-flex mui-block qy-flex-fullHeight qy-bg-white qy-margin-top-8px qy-text-black" v-if="addressList.length == 0">
                        <div class="mui-col-xs-11 qy-padding-horizontal-8px qy-flex qy-text-label qy-font-size-14px qy-padding-left-8px">
                            您当前并没有添加收货地址,请前往添加
                        </div>
                        <div class="mui-col-xs-1 qy-flex qy-flex-text-center">
                            <span class="mui-icon mui-icon-arrowright qy-text-label"></span>
                        </div>
                    </a>

                    <%----%>
                    <div class="mui-row qy-bg-white qy-padding-vertical-8px qy-padding-horizontal-4px">
                        <div class="mui-col-xs-3">
                            <img src="${rootPath}/static/imgs/CardImg.png" width="100%" height="72px" />
                        </div>
                        <div class="mui-col-xs-9 qy-padding-left-8">
                            <div class="qy-font-size-22px">豪华型体检套餐</div>
                            <div class="qy-text-red">
                                <span class="qy-font-size-12px">&yen;</span>
                                <span class="qy-font-size-18px">2013.23</span>
                            </div>
                            <div class="qy-flex qy-font-size-12px qy-text-label qy-flex-text-between">
                                <span>体检人：大鹏</span>
                                <span>2018-88-88 88:88:88</span>
                            </div>
                        </div>
                    </div>
                    <div class="qy-bg-white qy-padding-vertical-12px qy-margin-top-8px">
                        <a class="qy-block mui-row qy-border-bottom qy-padding-horizontal-10px qy-font-size-16px">
                            <div class="mui-col-xs-6 qy-text-black">发票金额</div>
                            <div class="mui-col-xs-6 qy-text-right qy-text-black">900元</div>
                        </a>
                    </div>
                    <div class="qy-bg-white qy-padding-left-12px ">
                        <a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-16px" href="#chooseInvoice">
                            <div class="mui-col-xs-6 qy-text-black">选择发票</div>
                            <div class="mui-col-xs-6 qy-text-right">
                                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
                            </div>
                        </a>
                    </div>
                    <div class="mui-row qy-margin-top-30px">
                        <div class="mui-col-xs-12 qy-padding-vertical-16px qy-padding-horizontal-30px">
                            <input type="button" value="提交申请" class="qy-no-border mui-btn-block qy-padding-horizontal-12px qy-bg-blue qy-text-white qy-font-size-18px" />
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--页面主内容区结束-->
    </div>
    <!--单页面结束-->
    <div id="account" class="mui-page">
        <div class="mui-navbar-inner mui-bar mui-bar-nav">
            <span class="mui-left mui-action-back mui-pull-left mui-icon mui-icon-left-nav"></span>
            <h1 class="mui-title" style="position: absolute;margin: 0 !important;">收货地址</h1>
            <span class="mui-icon mui-pull-right qy-position-relative qy-flex qy-full-height shopcarEditHeaderBtn" style="font-size: 16px;">新增</span>
        </div>
        <div class="mui-page-content">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll qy-padding-top-4px">
                    <div class="qy-bg-white qy-padding-left-8px" style="position: relative;">
                        <div class="qy-swiper-control swiper-container" style="width: 100%;height: 100px;" v-for="address in addressList">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide qy-flex qy-flex-fullHeight swiperMainContent" v-on:click="selectAddress(address)">
                                    <div class="qy-flex-equalSpace qy-flex qy-flex-text-center">
                                        <img v-if="address.isSelect" src="http://www.qydjk.org/resource/front/app/mui/imgs/redCorrect.png" class="redCorrect"/>
                                    </div>
                                    <div class="qy-flex-bigSpace qy-flex qy-flex-direction-column qy-flex-fullWidth">
                                        <div class="qy-flex-equalSpace qy-flex qy-flex-text-bottom qy-text-red" v-if="address.isSelect">
                                            <span>{{address.name}}</span>
                                            <span class="qy-padding-vertical-8">{{address.phone}}</span>
                                            <span v-if="address.isDefault" class="qy-text-red qy-flex labelDefault qy-font-size-14px labelDefaultShow" style="line-height: 14px;">默认</span>
                                        </div>
                                        <div v-else class="qy-flex-equalSpace qy-flex qy-flex-text-bottom">
                                            <span>{{address.name}}</span>
                                            <span class="qy-padding-vertical-8">{{address.phone}}</span>
                                            <span v-if="address.isDefault" class="qy-text-red qy-flex labelDefault qy-font-size-14px labelDefaultShow" style="line-height: 14px;">默认</span>
                                        </div>
                                        <div class="qy-flex-equalSpace qy-flex">
                                            <small>{{address.address}}</small>
                                        </div>
                                    </div>
                                    <div class="qy-flex-equalSpace qy-flex qy-flex-fullHeight">
                                        <a href="" class="qy-flex qy-flex-text-center qy-flex-equalSpace"><img src="http://www.qydjk.org/resource/front/app/mui/imgs/greyEdit.png" class="redCorrect"/></a>
                                    </div>
                                </div>
                                <div :class="{'swiperEditBtn2':address.isDefault,'swiperEditBtn':!address.isDefault,'swiper-slide qy-flex qy-flex-fullHeight':true}">
                                    <div v-if="!address.isDefault" class="qy-flex-equalSpace qy-text-label qy-flex qy-bg-default qy-flex-text-center setToDefault" v-on:click="setDefault(address)">
                                        默认
                                    </div>
                                    <div class="qy-flex-equalSpace qy-text-white qy-flex qy-bg-red qy-flex-text-center deleteAddress" v-on:click="removeAddress(address)">
                                        删除
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--弹出框--%>
    <div id="chooseInvoice" class="mui-popover mui-popover-action mui-popover-bottom qy-text-center qy-font-size-22px ">
        <div class="qy-bg-white">
            <a class="qy-block qy-border-bottom qy-padding-horizontal-26px qy-text-blue">普通发票</a>
            <a class="qy-block qy-padding-horizontal-26px qy-text-blue">增值税发票</a>
        </div>
        <div class="qy-bg-white qy-margin-top-8px qy-padding-horizontal-26px">
            <a class="qy-block qy-text-blue" href="#picture">取消</a>
        </div>
    </div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}static/js/ApplyInvoiceDetail.js"></script>